<template>
	<div class="wrapf1">
		<p>修改密码</p>
		<textarea class="arerf" placeholder="请输入您的意见我们将期待与您共同成长"></textarea>
	    <div>取消</div>
	    <div>提交</div>
	</div>
</template>

<script>
	export default {
		methods: {
			yijianf: function() {
                  
			},
		},
		mounted: function() {
			//只有在mounted之后，才可以执行dom操作，也就是说可以在这个方法里面执行那些需要加载立即执行的方法
			this.yijianf();
		},
		components: {
			
		}
	}
</script>
    
<style>
    .wrapf1 {
		width: 1085px;
		float: left;
		height: 625px;
		margin-left: 20px;
		border: 1px solid #e7e7e7;
		position: relative;
		text-align: center;
	}
	.wrapf1 p:first-child{
		font-size: 18px;
		color: #323333;
		padding: 20px;
		box-sizing: border-box;
		border-bottom: 1px solid #CCCCCC;
		text-align: left;
	}
	.arerf{
		width: 1003px;
		height: 374px;
		border: solid 1px #d9d9d9;
		font-size: 16px;
		padding: 20px;
		margin-top: 40px;
		box-sizing: border-box;
	}
	.wrapf1 div{
		width: 150px;
		height: 50px;
		background-color: #999999;
		border-radius: 5px;
		font-size: 20px;
		color: #ffffff;
		line-height: 50px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		display: inline-block;
		margin: 40px 50px;
	}
	.wrapf1 div:last-child{
		background-color: #f08200;
	}
</style>